<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/child.css">
    <style type="text/css">
        .good-class{
            background-color: white;
            display: inline-block;
            margin: 10px 0 0 2px;
            padding: 0 2px;
            background-color: #ededed;
        }
        .good-class{
            width: 98%;
        }
        .good-class ul{
            width: 100%;
            overflow: hidden;
        }
        .good-class li{
            float: left;
            width: 25%;
        }
        .good-class img{
            float: left;
            width: 100%;
        }
        .special{
            margin: 1em 0;
        }
        .special img{
            width: 100%;
        }
        .good-hot{
            display: inline-block;
            padding: 0 0.5em;
        }
        .good-hot h2{
            height: 2em;
            text-align: center;
            background-color: white;
            border: 1px solid;
            line-height: 2em;
        }
        .good-hot button{
            height: 3em;
            text-align: center;
            background-color: white;
            border: 1px solid;
            line-height: 3em;
            width: 100%;
        }
        .nch-booth-list{
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: space-between;
        }
        .nch-booth-list .nch-booth-list{}
        .nch-booth-list li{
            width: 40%;
            padding: 4% 3%;
            float: left;
            background-color: white;
            margin: 0.5em 2%;
            overflow: hidden;
        }
        .nch-booth-list .goods-pic{

        }

        .nch-booth-list .goods-pic img{
            width: 100%;
        }
        .nch-booth-list .goods-name{}
        .nch-booth-list .goods-name a{
            color: #aaa;
        }
        .nch-booth-list .goods-price{
            color: red;
        }
		
		
	.header-back{position: absolute;top: 8px;left: 6px;width: 30px;height: 32px;}
	.header-back span{width: 138px;height: 38px;text-indent:40px;background-position: -76px 2px;font-size:18px; font-family:"黑体"; font-weight:bold; color:#fff;}
        #home-cnt-wp{padding-bottom: 90px;}
    </style>
</head>
<body id="home-320">
	<header>
    <div class="header-wrap">
	        		<a href="/" class="header-back"><span>返回官网</span></a>
				 	</a>
    			</div>
		<div class="header-wrap">
			<div class="htsearch-wrap">
				<input type="text" class="htsearch-input clr-999" value="" id="keyword" placeholder="搜索书剑商品"/>
				<a href="javascript:void(0);" class="search-btn"></a>
			</div>
		</div>
	</header>
	<div id="home-cnt-wp"></div>
	<div id="footer"></div>
</body>
<script type="text/html" id="home_body">
	<div id='mySwipe'class='swiper-container'>
		<div class='swipe-wrap'>
		  <%for(i=0;i<adv_list.length;i++){%>
		  <a class="swipe-item home1" href="javascript:void(0);" keyword="<%=adv_list[i].keyword %>"><img src="<%=adv_list[i].image%>"></a>
		  <%}%>
		</div>
		<div class="swipe-paginat"></div>
	</div>

	<div class="home-nav clearfix">
		<a href="javascript:void(0);" class="bg-1">
			<span class="hnav-home"></span>
			<p>首页</p>
		</a>
		<a href="<%=WapSiteUrl%>/tmpl/product_first_categroy.html" class="bg-2">
			<span  class="hnav-category"></span>
			<p>产品系列</p>
		</a>
		<a href="<%=WapSiteUrl%>/tmpl/cart_list.html" class="bg-3">
			<span class="hnav-cart"></span>
			<p>购物车</p>
		</a>
		<a href="<%=WapSiteUrl%>/tmpl/member/member.html?act=member" class="bg-4">
			<span class="hnav-mine"></span>
			<p>我的商城</p>
		</a>
	</div>
    <div class="good-class clearfix">
        <ul>
            <%var rs=0;for(i=0;i<class_list.length;i++){%>
            <%if(class_list[i].image){%>
            <% if(rs%4==0){%>
            </ul><ul>
            <%}%>
            <% var locUrl = WapSiteUrl+"/tmpl/product_list.html?gc_id="+class_list[i].gc_id+"&a_id="+class_list[i].a_id;%>
            <li><a href="<%=locUrl%>"><img src="<%=class_list[i].image%>_160x160q90s150.jpg"/> </a></li>
            <%rs++;}%>
            <%}%>
        </ul>
    </div>
    <div class="special"><%=#advSpecial%></div>
    <div class="good-hot">
        <h2>热门推荐</h2>
        <% if(goods_list.goods_list.length){%>
        <ul class="nch-booth-list squares">
            <%for(i=0;i<goods_list.goods_list.length;i++){var $value=goods_list.goods_list[i];%>
            <li nctype_goods="<%=$value['goods_id']%>" nctype_store="<%=$value['store_id']%>">
                <% var good_url=WapSiteUrl+"/tmpl/product_detail.html?goods_id="+$value['goods_id'];%>
                <%
                var good_img=upload_site_url+"/shop/store/goods/"+$value['store_id']+"/"+$value['goods_image'];
                good_img=good_img.substr(0,good_img.lastIndexOf('.'))+'_240'+good_img.substr(good_img.lastIndexOf('.'));
                %>
                <div class="goods-pic"><a href="<%=#good_url%>" target="_blank" title="<%=$value['goods_name']%>"><img src="<%=good_img%>" title="<%=$value['goods_name']%>" alt="<%=$value['goods_name']%>" /></a> </div>
                <% if ($value['group_flag']) {%>
                <div class="goods-promotion"><span>团购商品</span></div>
                <%  } else if ($value['xianshi_flag']) {%>
                <div class="goods-promotion"><span>限时折扣</span></div>
                <% }%>
                <div class="goods-name"><a href="<%=#good_url%>" target="_blank" title="<%=$value['goods_jingle']%>"><%=$value['goods_name']%></a></div>
                <div class="goods-price" title="商品价格：&yen;<%=$value['goods_price']%>">&yen;<%=$value['goods_price'];%></div>
            </li>

            <%}%>
        </ul>
        <%}%>
        <a href="<%=WapSiteUrl%>/tmpl/product_list.html?gc_id=1074"><button>全部商品</button></a>
    </div>
</script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/template.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/swipe.js"></script>
<script type="text/javascript" src="js/shop.js"></script>
<script type="text/javascript" src="js/tmpl/shop-footer.js"></script>
</html>